@charset "utf-8";

body{ overflow: hidden; background: url(../images/bg.jpg) center no-repeat; background-size: cover; height: 100vh; font-size:.25rem;}
body::-webkit-scrollbar { display: none;}
div { box-sizing:border-box;}
.header { position: relative; background: url(../images/titBg.png) center no-repeat; height: 1.35rem; background-size: auto 100%;}
.map{ position: fixed; opacity: .2; left: 50%; top: 50%; transform: translate(-50%,-40%); width: 7.2rem; height: 7.2rem; z-index: 9;}
.map4{ width: 200%; height:7rem;  position: relative; left: -50%; top: 4%; margin-top: .2rem; z-index: 5;}
.map1,.map2,.map3{ position:absolute;}
.map1{ width:6.43rem; z-index: 2;top:.45rem; left: .4rem;  animation: myfirst2 15s infinite linear;}
.map2{ width:5.66rem; top:.85rem; left: .77rem; z-index: 3; opacity: 0.2; animation: myfirst 10s infinite linear;}
.map3{ width:5.18rem; top:1.07rem; left: 1.13rem; z-index: 1;}
.dateCont { font-size: .14rem; font-weight: bold; position: absolute; top: .6rem; left: 1.9rem; color: #32c5ff;}
.week { font-size: .12rem; color:#32c5ff; position: absolute; top: .88rem; font-weight: bold; left: 3.5rem;}
.schoolName { font-size: .18rem; color: #32c5ff; position: absolute; top: .58rem; right: 1.45rem; text-align: center; width: 2.32rem;}
.weather { font-size: .12rem; text-align: center; color: #32c5ff; position: absolute; width: 1.3rem; right: 3.12rem; top: .9rem;}
.dataList { position: relative; z-index: 10;}
.dataList ul::after { content: ''; clear: both; display: block; height: 0;}
.dataList ul { padding: 0 .37rem;}
.dataList li {padding-top: .1rem; border-radius: .05rem; color: #ffffff; padding-right: 1.4rem; box-sizing: border-box; height: .78rem; margin-bottom: .45rem; text-align: center; position: relative; float: left; width: 2.9rem; margin-right: .21rem;}
.dataList li:nth-child(6n) { margin-right: 0;}
.dataList li img { position: absolute; right: .2rem; top: 50%; transform: translateY(-50%); width: 1.2rem;}
.dataList li:nth-child(1) {background-image: linear-gradient( to bottom,#0071e1,#2b45c5);}
.dataList li:nth-child(2) {background-image: linear-gradient( to bottom,#22ab94,#056889);}
.dataList li:nth-child(3) {background-image: linear-gradient( to bottom,#680dd5,#3d0aa9);}
.dataList li:nth-child(4) {background-image: linear-gradient( to bottom,#0098dc,#034b81);}
.dataList li:nth-child(5) {background-image: linear-gradient( to bottom,#08aab6,#0d557a);}
.dataList li:nth-child(6) {background-image: linear-gradient( to bottom,#0071e1,#2b46c7);}
.dataList li:nth-child(7) {background-image: linear-gradient( to bottom,#0200ff,#0e008d);}
.dataList li:nth-child(8) {background-image: linear-gradient( to bottom,#5b0dfb,#2e09be);}
.dataList li:nth-child(9) {background-image: linear-gradient( to bottom,#22ac9c,#056a91);}
.dataList li:nth-child(10) {background-image: linear-gradient( to bottom,#0073e7,#2b47d1);}
.dataList li:nth-child(11) {background-image: linear-gradient( to bottom,#3317c4,#3e1777);}
.dataList li:nth-child(12) {background-image: linear-gradient( to bottom,#229fb5,#06458a);}
.dataList li p { line-height: 1; font-size: .33rem; font-weight: bold;}
.dataList li span { display: block; line-height: .3rem; font-size: .18rem; font-weight: bold;}
.tableList {overflow: hidden; position: relative; z-index: 10; padding: 0 .2rem;}
.tableBar { padding: .68rem .03rem 0; float: left; background: url(../images/bg1.png) top center no-repeat;background-size: 100% auto; width: 9.32rem; height: 6.8rem; background-size: 100% auto;}
.tableBar table { width: 100%;overflow: hidden;table-layout: fixed;}
.tableBar #scroll-main{max-height: 6.8rem;overflow: hidden;transition: all .3s; }
.tableBar:nth-child(2) { float: right;background: url(../images/bg2.png) top center no-repeat;background-size: 100% auto;}
.tableBar th { line-height: .5rem; font-size: .11rem; font-weight: bold;}
.tableBar th:nth-child(1) { color:#fff ;}
.tableBar th:nth-child(2),.tableBar td:nth-child(2) { color:#03f358 ;}
.tableBar th:nth-child(3),.tableBar td:nth-child(3) { color:#50a0fb ;}
.tableBar th:nth-child(4),.tableBar td:nth-child(4) { color:#10f9d0 ;}
.tableBar th:nth-child(5),.tableBar td:nth-child(5) { color:#ffd200 ;}
.tableBar th:nth-child(6),.tableBar td:nth-child(6) { color: #ff5400;}
.tableBar th:nth-child(7),.tableBar td:nth-child(7) { color: #45fcf6;}
.tableBar th:nth-child(8),.tableBar td:nth-child(8) { color: #ec5afd;}
.tableBar th:nth-child(9),.tableBar td:nth-child(9) { color: #fdbc1f;}
.tableBar th:nth-child(10),.tableBar td:nth-child(10) { color: #d3e74c;}
.tableBar th:nth-child(11),.tableBar td:nth-child(11) { color: #9ec7ff;}
.tableBar th:nth-child(12),.tableBar td:nth-child(12) { color:#8ac97c;}
.tableBar th:nth-child(13),.tableBar td:nth-child(13) { color:#bdbdbd;}
.tableBar td { text-align: center; font-size: .15rem; line-height: .5rem;}
.tableBar tr:nth-child(even) td { background: #001068;}
.tableBar td:nth-child(1) { color: #00ccff;}
@keyframes myfirst2
{
from {transform: rotate(0deg);}
to {transform: rotate(359deg);}
}

@keyframes myfirst
{
from {transform: rotate(0deg);}
to {transform: rotate(-359deg);}
}